@charset "utf-8";

/* CSS Document */





/*搜索*/

.ss{ overflow:hidden; width:100%; background-color:#fff; height:80px;}

.ss p{ font-size:14px; line-height:80px;float:left; color:#00248f}

.ss p a{ color:#000; padding:0 1px;}

.ss .ssk{ float:right; width:370px;  height:34px; margin-top:12px;}

.ss .ssk input{ width:257px; height:39px; line-height:39px; font-size:13px; color:#979797;background:url("../images/ss_s.png") no-repeat 10px;; border:1px solid #dfdfdf; border-right:none; outline:none; float:left; padding-left: 35px; padding-right: 10px;}

.ss .ssk a{ display:block; width:67px; height:41px; float:right; background:url(../images/ssFdj.png) no-repeat center;}



/*产品*/

.Pro{ overflow: hidden; width: 100%; background-color: #e8e8e8; padding: 35px 0;}

.Pro .porBox{ overflow: hidden;}

.Pro .proLt{ float: left; width: 217px; overflow: hidden;}

.Pro .proLt h2{ padding: 25px 0; background-color: #072fa8; text-align: center; font-size: 32px; }

.Pro .proLt h2 a{color: #fff;}

.Pro .proLt h2 span{ display: block; text-transform:uppercase; font-size: 29px; color: #2248ba; font-weight: normal;}

.Pro .proLtBox{ overflow: hidden; background-color: #fff;}

.Pro .proLtDl dt{ padding: 0 25px; background: #ffa200; line-height: 38px; font-size: 16px;}

.Pro .proLtDl dt a{ display: block; color: #fff;}

.Pro .proLtDl dd{ padding: 0 25px;}

.Pro .proLtDl dd a{ display: block; line-height: 36px; background: url("../images/pro_xjx.png") no-repeat 5px top; padding-left: 18px; font-size: 13px; color: #111111; border-bottom: 1px dotted #dcdcdc; }

.Pro .proLtDl dd a:hover{ background-position:5px  bottom; color: #00248f; text-decoration: none;}

.Pro .proPhone{ margin-top: 10px; padding:25px 18px; background-color: #fff; overflow: hidden;}

.Pro .proPhone h3{ font-size: 25px; border-bottom: 1px solid #f3f3f3; padding-bottom: 5px; color: #202020;}

.Pro .proPhone h4{ background: url("../images/proPhone.png") no-repeat left center; font-size: 15px; padding-left: 45px; color: #000000; font-weight: normal; margin-top: 15px;}

.Pro .proPhone b{ display: block;  font-size: 17px; color: #072fa8;}

.Pro .proRt{  float: right; width: 766px; background-color: #fff;}

.Pro .proTit{ width: 100%; height: 56px; background: url("../images/pro_liBg.png") repeat-x center;}

.Pro .proTit li{ width:383px; float: left; height: 56px;  position: relative; line-height: 56px; text-align: center; font-size: 16px;}

.Pro .proTit li a{ color: #151515; text-decoration: none;}

.Pro .proTit li i{ display: none; position: absolute; background: url("../images/pro_tit_xj.png") no-repeat center; width: 17px; height: 8px; ; top:56px; left:185px;}

.Pro .proTit li:hover,.Pro .proTit li.cur{ background-color: #072fa8}

.Pro .proTit li:hover i,.Pro .proTit li.cur i{display: block;}

.Pro .proTit li:hover a,.Pro .proTit li.cur a{ color: #fff;}

.Pro .proRBox{ position: relative; ;overflow: hidden; height: 925px;}

.Pro .ProCon{ display:none; position: absolute; top:0; left:0; padding:0 30px}

.Pro .proDl{ overflow: hidden; width: 100%; margin: 35px 0 30px; }

.Pro .proDl  img{ display:block; border:1px solid #d3d3d3;}

.Pro .proDl dt{ float: left;}

.Pro .proDl dd{ float: right; width: 365px;}

.Pro .proDl dd h3{ font-size: 22px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-weight: normal;}

.Pro .proDl dd h3 a{ color: #00248f;}

.Pro .proDl dd p{ line-height: 25px; font-size: 13px; color: #333; height: 100px; margin: 10px 0 30px; overflow: hidden; text-align: justify;}

.Pro .pro_a{ overflow: hidden}

.Pro .pro_a a{ display: block; float: left; background: url("../images/pro_a.png") no-repeat center top; width: 101px; height: 36px; text-align: center; line-height: 36px; font-size: 13px; color: #484848; margin-right: 15px; text-decoration: none;}

.Pro .pro_a a:hover { background-position:bottom; color: #fff;}

.Pro .proUl{ overflow: hidden; padding-top: 28px; border-top:1px solid #e3e3e3;}

.Pro .proUl li{ float: left; margin: 10px 0; margin-right: 23px; }

.Pro .proUl li img{ display:block; border:1px solid #d3d3d3;}

.Pro .proUl li span{ display: block; text-align: center; font-size: 16px; color: #333; line-height:50px;}

.Pro .proUl li span{ display: block; text-align: center; font-size: 16px; color: #333; line-height:50px;}

.Pro .proUl li.last{ margin-right: 0}

.Pro .proUl li:hover img{ opacity: .8;}





/*标题*/

.title{ overflow: hidden; width: 100%; text-align:center; margin-top: 60px;}

.title h2{ font-size: 30px;  color: #000}

.title h2 a{ color: #333}

.title h2  span{ color: #072fa8}

.title p{ font-size: 21px; color: #4e4e4e; margin-top: 10px;}


/*why*/

.why{ overflow: hidden; width: 100%; background: url("../images/oembj.jpg") no-repeat center center;  padding-bottom: 0px;}

.why .whyBox{ height:215px; margin-top: 64px; position: relative;}

.why .dl{ padding: 0 20px; background-color: #072fa8; width: 255px; position: relative; margin-bottom: 20px; height: 160px; z-index: 9}

.why .dl dt{ position: absolute; top:20px; width: 121px; height: 121px; right: -60px;}

.why .dl dd{ width: 200px; float: left;}

.why .dl dd h3{ font-size: 18px; color: #fff;  margin: 30px 0 10px;}

.why .dl dd p{ line-height: 25px; color:#fff; font-size: 14px;}

.why .last dt{ right: inherit; left:-60px;}

.why .last dd{ float: right}

.why img.img01{position: absolute;left:50%;top: -31px;margin-left: -212px;}

.why .zx{ width: 230px; margin: 0 auto; position:absolute; left:50%; z-index: 100; margin-left:-105px; bottom: -65px;}

.why .zx h4{ background: url("../images/proPhone.png") no-repeat left center; font-size: 16px; padding-left: 45px; color: #000000; font-weight: normal; margin-top: 15px; margin-left: 5px;}

.why .zx b{ display: block;  font-size: 23px; color: #333;}

.why .zx a.img02{ display: block; text-align: center; margin-top: 20px;}



/*案例*/

.A_l{ overflow: hidden; width: 100%; background-color: #e8e8e8;}

.A_l .alBox{ overflow: hidden; width: 100%; height: 415px; margin-bottom: 40px; margin-top: 50px; position: relative}

.A_l .alLt{ float: left; width: 195px;}

.A_l .alNav li{ width: 100%; background-color: #072fa8; margin-bottom: 2px;  text-align: center; line-height: 68px; font-size: 16px;}

.A_l .alNav li a{ color: #fff; text-decoration: none;}

.A_l .alNav li:hover,.A_l .alNav li.cur{ background-color: #ffa200;}

.A_l .alLt a.moreAl{ text-align: center; line-height: 54px; border: 2px solid #1a4ad9; font-size: 13px;; color: #1a4ad9; display: block}

.A_l .alRt{float: right;position: relative}

.A_l .alRt,.A_l .alCon,.Al .alHz{ width: 797px; height: 407px; overflow: hidden;}

.A_l .alCon{ position: absolute; top:0; left:0;display: none;}

.A_l .rtLtBox{ float: left; width: 611px; height: 407px; position: relative;}

.A_l .alUl{ position: relative; width:100%; height: 407px; overflow: hidden}

.A_l .alUl li{ position: absolute; top:0; left:0; display: none}

.A_l .alUl li img{ display: block}

.A_l .alNext{ width:541px; padding: 0 35px; position: absolute; left:0; bottom: 0; background: url("../images/al_zheBg.png") repeat; overflow: hidden;  height: 115px; color: #fff;    }

.A_l .alNext h3{ font-size: 18px; color: #fff; margin-top: 15px; font-weight: normal}

.A_l .alNext p{ line-height: 24px; height: 48px; font-size: 13px; margin-top: 10px;}

.A_l em{ display: block; position: absolute;  width: 33px; height: 84px; top:150px; cursor: pointer; z-index: 999}

.A_l em.ltBtn{ background: url("../images/alLt_btn.png") no-repeat center; left:10px;}

.A_l em.rtBtn{ background: url("../images/alRt_btn.png") no-repeat center; right:10px;}

.A_l .rtRtBox{ width: 177px; float: right; }

.A_l .tuLi li{ border: 2px solid #808580; margin-bottom:4px;}

.A_l .tuLi li:hover,.A_l .tuLi li.cur{ border: 2px solid #d3b776;}

.A_l .tuLi li img{ display: block}

.A_l .alBtn{ overflow: hidden; width:177px; position: absolute; right: 0; bottom: 0}

.A_l .alBtn i{  width: 82px; height: 45px; display: block;}

.A_l .alBtn i.btnLt{background: url("../images/alLt_xiao.png") no-repeat center; float: left;}

.A_l .alBtn i.btnRt{background: url("../images/alRt_xiao.png") no-repeat center; float: right;}





/*优势*/

.ys{ overflow: hidden; width: 100%; background: #fff;}

.ys .yshh{ width: 100%;}

.ys .ysTit{ overflow: hidden; background: url("../images/ys_titBg.png") no-repeat center; height: 227px; text-align: center}

.ys .ysTit h2{ font-size:43px; margin-top:50px; color: #fff;}

.ys .ysTit h2 b{ font-size: 65px; color: #ffa200}

.ys .ysTit p{ font-size: 24px; margin-top: 5px; color: #fff;}

.ys .ys01{ background: url("../images/ys_01.png") no-repeat center; height: 312px;}

.ys .ys02{ background: url("../images/ys_02.png") no-repeat center; height:312px; }

.ys .ys03{ background: url("../images/ys_03.png") no-repeat center; height: 312px}

.ys .ys04{ background: url("../images/ys_04.png") no-repeat center; height: 312px;}

.ys .ysBox{ width: 440px; overflow: hidden; margin-top: 70px; margin-left: 70px;}

.ys .ysBox h3{ font-size: 22px; color: #072fa8; margin-bottom: 5px; margin-left: 20px;}

.ys .ysBox span{ display: inline-block; background-color: #e5e5e5; color: #3d3d3d; line-height: 35px; margin-left:20px; padding:  0 10px; font-size: 18px; margin-bottom: 5px; margin-top: 5px;}

.ys .ysBox p{ background: url("../images/ys_li.png") no-repeat left 5px; line-height: 20px; font-size: 13px; padding-left: 15px; margin-top: 15px;}

.ys .ysBox h4{ width:245px; margin:0 auto; padding-bottom: 25px;  font-weight: normal; background: url("../images/ys_phone.png") no-repeat 10px 5px,url("../images/ys_phoneBg.png") no-repeat center bottom; padding-left: 55px; font-size: 13px; color: #4e4e4e; margin-top: 45px;}

.ys .ysBox h4 b{ color: #082fa2; font-size: 27px; display: block;}

.ys .four{ margin-top:40px; }

.ys .thr,.ys .two{margin-top:90px;}



/*留言*/

.ly{ overflow: hidden; width: 100%; background: url("../images/lyBg.jpg") no-repeat center; height: 390px;}

.ly .lyBox{ overflow: hidden;}

.ly .lyLt{ float: left; width: 500px;}

.ly .ltBox{ float: right; margin-right: 20px; width: 376px; margin-top: 320px;}

.ly .ltBox h4{ font-weight: normal; background: url("../images/lyPhone.png") no-repeat left center; padding-left: 48px; color: #fff; font-size: 15px; float: left;}

.ly .ltBox h4 b{ font-size: 20px; display: block;}

.ly .ltBox a{ display: block; float: right; width: 166px;}

.ly .lyRt{ float: right; width: 420px;}

.ly .lyRt h3{ font-size:26px; color: #fff ; margin: 30px 0;}

.ly .lyRt h3 span{ font-size: 22px; font-weight: normal;}

.ly .list{ overflow: hidden;}

.ly .list li{ overflow: hidden; width: 100%; margin-bottom: 7px; }

.ly .list li label{ float: left;}

.ly .list li label img{ display: block;}

.ly .list li input{ width:355px; padding: 0 10px; height: 43px; line-height: 43px; font-size: 15px;  border: none; outline: none; float: right; background-color: #fff;}/*color: #b6b6b6;*/

.ly .list li textarea{width:355px; padding: 10px; font-size: 15px;  border: none;  outline: none; line-height: 25px; height: 120px; float: right;  background-color: #fff; resize: none; resize: none;}

.ly .list li a{ display: block; width:375px; float: right; line-height: 40px; text-align: center; background-color: #ffa200; font-size: 15px; color: #fff;}





/*about*/

.about{ overflow: hidden; width: 100%; background-color: #fafafa; padding: 60px 0 80px;}

.about dl{ overflow: hidden}

.about dt{ float: left; border:5px solid #fff;}

.about dd{ float: right; width: 450px; padding: 0 30px; margin-top: 5px;;}

.about dd h3{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 22px;}

.about dd h3 a{ color: #4e4e4e;}

/*.about dd p{ height: 152px; line-height: 22px; overflow: hidden; font-size: 13px; color: #4e4e4e; margin: 20px 0 45px;}*/

.about .about_a a{ display: block; float: left; margin-right: 15px;}

.about .about_a a img{ display: block;}



/*荣誉*/

.R_y{overflow: hidden; width: 100%; background-color: #fafafa;}

.R_y .ryNav{ text-align: center; border: 2px solid #072fa8; width: 318px; margin: 0 auto; height: 46px;}

.R_y .ryNav li{ float:left; width:159px; height: 46px; font-size: 20px; color:#333; background-color: #fff; line-height: 46px; position: relative}

.R_y .ryNav li i{ position: absolute; top:48px; left:50%; margin-left: -8px; background: url("../images/ry_xjx.png") no-repeat center; width: 16px; height: 7px; display: none;}

.R_y .ryNav li a{ color: #333; text-decoration: none}

.R_y .ryNav li:hover,.R_y .ryNav li.cur{ background-color: #072fa8;}

.R_y .ryNav li:hover i,.R_y .ryNav li.cur i{ display: block}

.R_y .ryNav li:hover a,.R_y .ryNav li.cur a{ color: #fff}

.R_y .ryBox{ overflow: hidden; width:1000px; height: 260px; position: relative;  }

.R_y .ryList{ position:absolute; left:0; top:0;}

.R_y .ryList li{ width: 323px; float: left; margin-right: 10px;}

.R_y .ryList li img{ display: block; border: 5px solid #fff;}

.R_y .ryList li span{ text-align: center; display:block; font-size: 13px; color: #4e4e4e; margin-top:15px;}

.R_y .ryList li:hover img{ opacity: .85;}

.R_y .ryCon{ overflow: hidden; width: 100%; height: 260px; margin:45px 0; position: relative}

.R_y .ryHz{ position: absolute; top:0; left:0; display: none}





/*新闻*/

.N_w{ overflow: hidden; width: 100%;}

.N_w .newBox{ padding: 35px 0; background: #fff url(../images/new_bg.png) repeat-x left bottom; overflow: hidden;}

.N_w .nwlt{ overflow: hidden; width: 646px; float: left;}

.N_w .nw_tit{ overflow: hidden;  border-bottom: 1px solid #e7e7e7; border-top:3px solid #072fa8; background-color: #fafafa;}

.N_w .nw_tit h3{ float: left; width: 165px; line-height: 53px; text-align: center; font-size: 18px; font-weight: normal;}

.N_w .nw_tit h3 a{  color: #747474; text-decoration: none}

.N_w .nw_tit a.more{ float: right; display: block; line-height: 53px; font-size: 13px; color: #666; text-transform: uppercase; margin-right: 10px;}

.N_w .nw_tit h3:hover a,.N_w .nw_tit h3.cur a{ font-weight: bold; color: #072fa8;}

.N_w .nw_tit h3:hover,.N_w .nw_tit h3.cur { background-color: #fff; border-left:1px solid #e7e7e7; border-right:1px solid #e7e7e7}

.N_w .nwLtBox{ height: 390px; overflow: hidden; position: relative; border: 1px solid #e7e7e7; border-top:1px solid #fff;}

.N_w .nwLtCon{ position: absolute; top:0; left:0; padding: 0 15px;  display:none}

.N_w .dl{ overflow: hidden; width:620px; margin:25px 0 15px;}

.N_w .dl dt{ width: 250px; float: left;}

.N_w .dl dd{ width: 345px; float: right}

.N_w .dl dd h3{ font-size: 16px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-top: 5px;}

.N_w .dl dd h3 a{ color: #333}

.N_w .dl dd p{ line-height: 22px; height: 88px; margin: 10px 0; font-size: 12px; color: #000; text-align: justify;}

.N_w .dl dd a.xq{ display: block; float: left; color: #000; font-size: 13px;}

.N_w .list{ overflow: hidden}

.N_w .list li{ overflow: hidden; background: url("../images/new_liBg.png") no-repeat left center; padding-left: 15px; line-height: 43px; font-size: 14px; color:#000; border-bottom: 1px dashed #a3a3a3;}

.N_w .list li a{overflow: hidden; white-space: nowrap; text-overflow: ellipsis; float: left; width: 425px; display: block}

.N_w .list li span{ float: right; display: block;}

.N_w .list li:hover a{color: #072fa8;text-decoration:none;}

.N_w .newRt{ width: 328px; overflow: hidden; border: 1px solid #e7e7e7; float: right; }

.N_w .newDa{ overflow: hidden; width: 100%; height:350px; margin:10px;position: relative; padding: 10px 0;}

.N_w .daUl{ position: absolute; top:0; left:0; padding:0 15px; overflow: hidden}

.N_w .daUl li{ overflow: hidden; padding:10px 0 15px 15px; border-bottom:1px dashed #a3a3a3;}

.N_w .daUl li h3{ background: url("../images/new_wen.png") no-repeat left center; line-height: 24px; padding-left: 30px; font-size: 14px;}

.N_w .daUl li h3 a{ color: #121212;}

.N_w .daUl li p{ overflow: hidden;  background: url("../images/new_da.png") no-repeat left 5px;  padding-left: 30px; line-height: 22px; height: 66px; font-size: 14px; color: #000; margin-top: 10px;}

.N_w  .last h3.cur{ background: none; font-weight: bold; border: none; width: 150px;}



/*链接*/

.link{ overflow: hidden; width: 100%; padding: 20px 0px;}

.link .linkDl{ overflow: hidden; width: 100%; margin-bottom: 18px;}

.link  dt{ width: 96px; height: 35px; line-height: 35px; text-align: center; color: #fff;  background-color: #082fa2; float: left; position: relative}

.link  dt a{ color: #fff;}

.link  dd{  width: 860px; padding: 0 20px; overflow: hidden; float: right;}

.link  dd a{ display: block; float: left; line-height: 35px; padding: 0 10px; font-size: 13px; color: #333333; }

.link  dt i{ display: block; position:absolute;right:-6px; top:12px; background: url("../images/link_xj.png") no-repeat center; width: 6px; height: 9px;}





/*

.banner,.banner a{ overflow: hidden; width: 100%;}

.banner a{ background: url("../images/banner.jpg") no-repeat center; height:567px; display: block; }

*/



.banner,.banner a{ overflow: hidden; width: 100%;}

#flashs{ position:relative; height:576px; overflow:hidden;}

#flashs .bgitem{z-index:1;position:absolute; top:0; }

#flashs .btn{ overflow:hidden; width:100%; position:absolute; left:0; bottom:20px; text-align:center;z-index: 9999;display:block;}

#flashs .btn span{ color:#fff;  background:#717174; cursor: pointer;display: inline-block;margin:0 2px;width:25px;height:25px;font-size:14px;line-height:25px;text-align:center;opacity: 0.7;}

#flashs .btn span.cur {background: #1a5faa;}



#flashs .bot{ display:block; position:absolute; width:58px; height:58px; top:50%; margin-top:-29px;}

#flashs .bot1{ background:url(../images/babot1.png) no-repeat center; left:5%; z-index: 2;}

#flashs .bot2{ background:url(../images/babot2.png) no-repeat center; right:5%; z-index: 2;}